<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
	<jsp:include page="../../views/include/head.jsp"/>
</head>
<body>
<c:set var="page" value="registration" scope="request"/>
<jsp:include page="../../views/include/header.jsp"/>
<div class="row">
<div class="maincontainer">
<div class="container2">
	<div class="row">
	<h2 style="color:#D71A5E; padding-left:15px;">Conference Registration</h2>
	</div>
	<sf:form modelAttribute="registerObj" role="form">
	<p style="color:#fff;top: 430px;position: absolute;z-index: 100;font-size: 18px;font-weight: bold;padding-left: 20px;">Participant ${2+registerObj.i}</p>
	<img style="width:770px;" src="img/participant.png">
	<div class="container3" style="background-color:#8BC34A;">
	<div class="row">
		<div class="form-group col-md-4 col-sm-4">
			<label for="participantList[${registerObj.i}].salutation">Salutation</label>
			<sf:select path="participantList[${registerObj.i}].salutation" cssClass="selectpicker form-control">
				<sf:option value="">--Select--</sf:option>
				<sf:option value="Mr">Mr</sf:option>
				<sf:option value="Ms">Ms</sf:option>
				<sf:option value="Mrs">Mrs</sf:option>
				<sf:option value="Dr">Dr</sf:option>
				<sf:option value="Prof">Prof</sf:option>
			</sf:select>
			<sf:errors path="participantList[${registerObj.i}].salutation" cssClass="error"/>
		</div>
		<div class="form-group col-md-8 col-sm-8">
			<label for="participantList[${registerObj.i}].name">Full Name</label>
			<sf:input path="participantList[${registerObj.i}].name" placeholder="Enter Full Name" class="form-control" type="text" required="true"/>
			<sf:errors path="participantList[${registerObj.i}].name" cssClass="error"/>
		</div>
	</div>
	<div class="row">
		<div class="form-group col-md-4 col-sm-4">
			<label for="participantList[${registerObj.i}].nric">NRIC No</label>
			<sf:input path="participantList[${registerObj.i}].nric" placeholder="Enter NRIC" class="form-control" type="text" required="true"/>
			<sf:errors path="participantList[${registerObj.i}].nric" cssClass="error"/>
		</div>
		<div class="form-group col-md-8 col-sm-8">
			<label for="participantList[${registerObj.i}].badgeName">Name On Badge (Up to 20 letters)</label>
			<sf:input path="participantList[${registerObj.i}].badgeName" placeholder="Enter name on badge" class="form-control" type="text" maxlength="20" required="true"/>
			<sf:errors path="participantList[${registerObj.i}].badgeName" cssClass="error"/>
		</div>
	</div>
	<div class="row">
		<div class="form-group col-md-6 col-sm-6">
			<label for="participantList[${registerObj.i}].designation">Job Title / Designation</label>
			<sf:input path="participantList[${registerObj.i}].designation" placeholder="Enter Designation" class="form-control" type="text" required="true"/>
			<sf:errors path="participantList[${registerObj.i}].designation" cssClass="error"/>
		</div>
		<div class="form-group col-md-6 col-sm-6">
			<label for="participantList[${registerObj.i}].mobile">Mobile Number (For SMS Notification)</label>
			<sf:input path="participantList[${registerObj.i}].mobile" placeholder="Enter Mobile Number" class="form-control" type="tel" maxlength="8" required="true"/>
			<sf:errors path="participantList[${registerObj.i}].mobile" cssClass="error"/>
		</div>
	</div>
	<div class="row">
		<div class="form-group col-md-8 col-sm-8">
			<label for="participantList[${registerObj.i}].email">Email Address</label>
			<sf:input path="participantList[${registerObj.i}].email" placeholder="Enter Email" class="form-control" type="email" required="true"/>
			<sf:errors path="participantList[${registerObj.i}].email" cssClass="error"/>
		</div>
	</div>
	<div class="row">
		<div class="form-group col-md-9 col-sm-9">
			Would you like to opt for the vegetarian bento box? &nbsp;&nbsp;
			<div class="radio-inline"><sf:radiobutton path="participantList[${registerObj.i}].vegetarian" value="1" label="Yes" required="true"/></div>
			<div class="radio-inline"><sf:radiobutton path="participantList[${registerObj.i}].vegetarian" value="0" label="No" required="true"/></div>
			<sf:errors path="participantList[${registerObj.i}].vegetarian" cssClass="error"/>
		</div>
	</div>
	<div class="row">
		<div class="form-group col-md-3 col-sm-3" style="color:white">
			Concurrent Session A<br/>
			<a style="color:white;" a href="http://ecc2013.tss.me/ecc/session.rw?type=1" target="_blank"><u>(Click here for details)</u></a>
			<sf:select path="participantList[${registerObj.i}].sessionA" cssClass="selectpicker form-control">
				<sf:option value="">Please Select</sf:option>
				<c:forEach items="${sessionList}" var="ses" varStatus="sesStatus">
				<c:if test="${ses.type eq 1 and registerCountObj.sessionA[ses.no] lt ses.capacity}">
					<sf:option value="${ses.no}">Session A${ses.no}</sf:option>
				</c:if>
				</c:forEach>
				<sf:option value="0">Not Attending</sf:option>
			</sf:select><br/>
			<sf:errors path="participantList[${registerObj.i}].sessionA" cssClass="error"/>
		</div>
		<div class="form-group col-md-3 col-sm-3" style="color:white">
			Concurrent Session B<br/>
			<a style="color:white;" a href="http://ecc2013.tss.me/ecc/session.rw?type=2" target="_blank"><u>(Click here for details)</u></a>
			<sf:select path="participantList[${registerObj.i}].sessionB" cssClass="selectpicker form-control">
				<sf:option value="">Please Select</sf:option>
				<c:forEach items="${sessionList}" var="ses" varStatus="sesStatus">
				<c:if test="${ses.type eq 2 and registerCountObj.sessionB[ses.no] lt ses.capacity}">
					<sf:option value="${ses.no}">Session B${ses.no}</sf:option>
				</c:if>
				</c:forEach>
				<sf:option value="0">Not Attending</sf:option>
			</sf:select><br/>
			<sf:errors path="participantList[${registerObj.i}].sessionB" cssClass="error"/>
		</div>
		<div class="form-group col-md-3 col-sm-3" style="color:white">
			Concurrent Session C<br/>
			<a style="color:white;" a href="http://ecc2013.tss.me/ecc/session.rw?type=3" target="_blank"><u>(Click here for details)</u></a>
			<sf:select path="participantList[${registerObj.i}].sessionC" cssClass="selectpicker form-control">
				<sf:option value="">Please Select</sf:option>
				<c:forEach items="${sessionList}" var="ses" varStatus="sesStatus">
				<c:if test="${ses.type eq 3 and registerCountObj.sessionC[ses.no] lt ses.capacity}">
					<sf:option value="${ses.no}"> Session C${ses.no}</sf:option>
				</c:if>
				</c:forEach>
				<sf:option value="0">Not Attending</sf:option>
			</sf:select><br/>
			<sf:errors path="participantList[${registerObj.i}].sessionC" cssClass="error"/>
		</div>
		<div class="form-group col-md-3 col-sm-3"style="color:white">
			Concurrent Session D<br/>
			<a style="color:white;" a href="http://ecc2013.tss.me/ecc/session.rw?type=4" target="_blank"><u>(Click here for details)</u></a>
			<sf:select path="participantList[${registerObj.i}].sessionD" cssClass="selectpicker form-control">
				<sf:option value="">Please Select</sf:option>
				<c:forEach items="${sessionList}" var="ses" varStatus="sesStatus">
				<c:if test="${ses.type eq 4 and registerCountObj.sessionD[ses.no] lt ses.capacity}">
					<sf:option value="${ses.no}">Session D${ses.no}</sf:option>
				</c:if>
				</c:forEach>
				<sf:option value="0">Not Attending</sf:option>
			</sf:select><br/>
			<sf:errors path="participantList[${registerObj.i}].sessionD" cssClass="error"/>
		</div>
	</div>
	</div>
	<br>
	<div class="row" style="color:black; padding-left:105px;">
		<sf:hidden path="name"/>
		<input type="reset" value="Reset" class="btn btn-lg btn-default2"/>
		<input type="submit" name="_eventId_next" value="Proceed to Payment" class="btn btn-lg btn-default2"/>
		<input type="submit" name="_eventId_delete" value="Delete" class="btn btn-lg btn-default2"/>
		<input type="submit" name="_eventId_add" value="Add Participant" class="btn btn-lg btn-default2"/><br> (You may add up to ${19-registerObj.participantCount} more)
		<input type="hidden" name="_flowExecutionKey" value="${flowExecutionKey}" />
	</div>

	</sf:form>
						<br><br>

</div>
</div>
</div> <!-- /container -->
</div>
<jsp:include page="../../views/include/bottombody.jsp"/>
</body>
</html>